﻿@model HelloMinasan.Web.Song.ViewModels.QAModels

@{
    ViewBag.Title = "Create";
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@{
    string[] listItems = {"Vocabulary","Grammar", "Request document","Others"};
    SelectList selectList = new SelectList(listItems);
}
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <table class="inputForm">
        <tbody>
            <tr>
                <th> 
                    @Html.LabelFor(model => model.QuestionTitle)<span class="requirement">(*)</span>
                </th>
                <td>
                    @Html.EditorFor(model => model.QuestionTitle, new { @readonly = "readonly",style = "width: 400px; padding-left: 5px;", maxlength = 200 })
                    @Html.ValidationMessageFor(model => model.QuestionTitle)
                </td>
            </tr>
            <tr>
                <th class="th100"> 
                    @Html.LabelFor(model => model.QuestionCatagory)<span class="requirement">(*)</span>
                </th>
                <td>
                    @Html.DropDownListFor(model => model.QuestionCatagory, selectList)
                    @Html.ValidationMessageFor(model => model.QuestionCatagory)
                </td>
            </tr>
            <tr>
                <th class="th100"> 
                    @Html.LabelFor(model => model.QuestionContent)<span class="requirement">(*)</span>
                </th>
                <td>
                    @Html.TextAreaFor(model => model.QuestionContent , new {style = "width: 800px; height: 200px; padding-left: 5px;", maxlength = 2000, @class="lyricTextArea"})
                    @Html.ValidationMessageFor(model => model.QuestionContent)
                </td>
            </tr>

        </tbody>
    </table>
    <p>
        <input type="submit" value="Create" />
    </p>
}